<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Place&Experience List</title>
    <!-- zui -->
    <link href="${ctx}/res/zui/dist/css/zui.min.css" rel="stylesheet">
    <link href="${ctx }/res/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css" rel="stylesheet">
    <link href="${ctx }/res/bootbox/bootbox.min.css" rel="stylesheet">

    <style type="text/css">
        nav.navbar{
            border-radius: 0px;
        }

        #dataTables img{
            width: 120px;
            height: 120px;
            border-radius: 5px;
        }

        #dataTables td{
            vertical-align: middle;
        }

        .text-center{
            text-align: center;
        }


    </style>
</head>
<body>
<jsp:include page="common/header.jsp"></jsp:include>
<div class="container-fluid">

    <div class="row">
        <div class="col-xs-2">
            <jsp:include page="common/menu.jsp"></jsp:include>
        </div>

        <!-- Start content -->
        <div class="col-xs-10">
            <h3>Import History</h3>
            <hr>

            <div class="panel">
                <div class="panel-heading">
                    Import task will be scheduled at 0:00 every day.
                </div>
                <div class="panel-body">
                    <p>

                    </p>
                    <table class="table table-bordered table-hover" id="dataTables" style="width: 100%;">
                        <thead>
                        <tr>
                            <th style="text-align: center"></th>
                            <th>Import Start Time</th>
                            <th>Import End Time</th>
                            <th>Success Count</th>
                            <th>Failed Count</th>
                            <th>Remark</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:forEach items="${historyList}" var="h" varStatus="s">
                        <tr>
                            <td>${s.count}</td>
                            <td>${h.importStartTime}</td>
                            <td>${h.importEndTime}</td>
                            <td>${h.successCount}</td>
                            <td>${h.failedCount}</td>
                            <td>${h.remark}</td>
                        </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- End content -->

    </div>
</div>

<script src="${ctx}/res/jquery/jquery.js"></script>
<script src="${ctx}/res/zui/dist/js/zui.min.js"></script>


<script type="application/javascript">


</script>
</body>
</html>